﻿<Page x:Class="NewMarkersSample.Pages.DateTimeRectanglesPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	  xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
	  xmlns:local="clr-namespace:NewMarkersSample.Pages"
    Title="DateTimeRectangles" Loaded="Page_Loaded">
	<Grid>
		<d3:ChartPlotter Name="plotter">
			<d3:ChartPlotter.MainHorizontalAxis>
				<d3:HorizontalDateTimeAxis/>
			</d3:ChartPlotter.MainHorizontalAxis>

			<d3:MarkerChart Name="chart" ItemsSource="{Binding}" IndependentValuePath="Start" DependentValuePath="Y">
				<d3:TemplateMarkerGenerator>
					<DataTemplate>
						<Rectangle Fill="Violet" 
								   d3:ViewportPanel.ViewportVerticalAlignment="Bottom"
								   d3:ViewportPanel.ViewportHeight="{Binding Height}"
								   d3:ViewportPanel.ViewportHorizontalAlignment="Left"
								   >
						</Rectangle>
					</DataTemplate>
				</d3:TemplateMarkerGenerator>
			</d3:MarkerChart>
		</d3:ChartPlotter>
	</Grid>
</Page>
